<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title">
	<script type="text/javascript" charset="utf-8" src="js/phonegap-1.0.0.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.0b2.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/main.js"></script>
	<script type="text/javascript">
	function onBodyLoad (){
		document.addEventListener("deviceready", onDeviceReady, false);
	}
	
	function onDeviceReady (){
		phoneGapReady.innerHTML = "Phone Gap is Ready";
	}
	</script>
    <title>NetSteps</title>
  </head>
  <body onload="onLoad();" id="stage" class="theme">
  	<div>
  		<div id="home">
			<img src="\res\drawable-hdpi\home.png" width="50" height="50" class="home" onclick="index();" />
  		</div>
	  	<div id="nav">
	  		<img src="\res\drawable-hdpi\signout.png" width="50" height="50" class="signOut" onclick="signOut();" />
	  	</div>
	    <h1>Messages</h1>
    	<hr color="black" width="100%" />
    	<br />
    	<div id="messages">
    		
    	</div>
  	</div>    	
  </body>
</html>
